
var params = location.search.substr(0)
var arr = params.split('=')
var head = document.querySelector('.header-right').querySelector('span')
head.innerHTML = '<a>用户</a>' + arr[1] + '<a>欢迎您的到来</a>'
$(function () {
    //进行编辑窗口的开始和操作
    $('.bbtn').click(function () {
        revise(this)
    })
    //进行编辑员工信息的关闭
    $('.qbtn').click(function () {
        $('.alter').hide()
    })
    $('.sbtn').click(function () {
        remove(this)
    })
    $('.tbtn').click(function () {
        var name = $('.content-body input').eq(0).val();
        var tel = $('.content-body input').eq(1).val();
        var email = $('.content-body input').eq(2).val();
        var salary = $('.content-body input').eq(3).val();
        if (name === '' || tel === '' || email === '' || salary === '') {
            alert('请将信息填写完整')
        } else {
            $('<tr class="moban"></tr>')
                .append("<td>" + name + "</td>")
                .append("<td>" + tel + "</td>")
                .append("<td>" + email + "</td>")
                .append("<td>" + salary + "</td>")
                .append('<td><button type="button" class="btn btn-primary bbtn">编辑</button><button type="button" class="btn btn-danger sbtn">删除</button></td>')
                .appendTo(".table")
                .find(".bbtn").click(function () {
                    revise(this);
                })
            $(".table tr:last").find(".sbtn")
                .click(function () {
                    remove(this);
                });
            $('.content-body input').eq(0).val('');
            $('.content-body input').eq(1).val('');
            $('.content-body input').eq(2).val('');
            $('.content-body input').eq(3).val('');
        }
    })
})
//删除
function remove(n) {
    // n指的是我们点击的删除按钮
    var trn = $(n).parent().parent();
    // trn 为当前的tr
    var textcontent = trn.find('td:first').text();//得到要删除员工的名字
    var massage = confirm('你确定要删除员工' + textcontent + '的信息吗')
    if (massage == true) {
        trn.remove()
    } else {
        return
    }
}
//修改
function revise(n) {

    $(".alter").show();
    var current = $(n).parent().parent();
    //把当前表单的值拿来
    $(".form-group .n").val(current.find("td:eq(0)").text());
    $('.n').change(function () {
        var ns = $(this).val()
        current.find("td:eq(0)").text(ns)
    })
    $(".form-group .t").val(current.find("td:eq(1)").text());
    $('.t').change(function () {
        var ss = $(this).val()
        current.find("td:eq(1)").text(ss)
    })
    $(".form-group .e").val(current.find("td:eq(2)").text());
    $('.e').change(function () {
        var es = $(this).val()
        current.find("td:eq(2)").text(es)

    })
    $(".form-group .s").val(current.find("td:eq(3)").text());
    $('.s').change(function () {
        var ss = $(this).val()
        current.find("td:eq(3)").text(ss)
    })

}
$('.Qbtn').click(function (n) {
    $('.alter').hide()
})
var footer = document.querySelector('.footer-right').querySelector('span')
footer.innerHTML = '点我退出登录'
footer.addEventListener('click', function () {  
    location.href = 'index.html'
})
